<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="/skw/js/common/header.js"></script>
    <link href="/skw/css/plugins/dataTables/dataTables.bootstrap.min.css" rel="stylesheet">
    <script src="/skw/js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="/skw/js/plugins/dataTables/dataTables.bootstrap.min.js"></script>
    <script src="/skw/js/plugins/layer/layer.js"></script>
    <script src="/skw/js/common/sk.datatables.js"></script>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>角色管理</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="#">导出</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="input-group">
                                <input type="hidden" id="editUrl" value="admin/system/role-edit.html">
                                <input type="hidden" id="addUrl" value="admin/system/role-edit.html">
                                <input type="hidden" id="deleteUrl" value="admin/role/delete">
                                <input type="text" placeholder="请输入角色名称" class="input-sm form-control">
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="input-group">
                                <button type="button" class="btn btn-sm btn-primary" style="margin-right: 10px"> 搜索
                                </button>
                                <a href="javascript:;" class="btn btn-sm btn-warning" id="addObject"> 增加</a>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="table-responsive">
                        <table class="table table-striped" id="dataTables">
                            <thead>
                            <tr>
                                <th>id</th>
                                <th>角色名称</th>
                                <th>角色描述</th>
                                <th>创建时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>

                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
</body>

<SCRIPT type="text/javascript">
    <!--
    $(document).ready(function () {
        var columns = [
            {"id": "id", "data": "id", "visible": false},
            {"data": "roleName"},
            {"data": "roleDesc"},
            {"data": "createTime"},
            {"data": ""}
        ];
        initTables("admin/role/list", columns)
    });
    //-->
</SCRIPT>
</html>
